<template>
    <div class="container">
        <user-mine-info :myFriends="getFriends"/>
        <specialitems/>
        <user-mine-items/>
    </div>
</template>

<script>
    import UserMineInfo from "@/components/userMine/userMine-info";
    import UserMineItems from "@/components/userMine/userMine-items";
    import Specialitems from "@/components/userMine/specialitems";
    export default {
        name: "mine",
        data() {
            return {
                friends: 0
            }
        },
        components: {
            Specialitems,
            UserMineItems,
            UserMineInfo
        },
        computed: {
            getFriends() {
                let friends = JSON.parse(sessionStorage.getItem('friends')) || [];
                return friends.length;
            }
        }
    }
</script>

<style lang="scss" scoped>
    .container{
        padding-bottom: 100px;
    }
</style>